<template>
  <div>
    <h1>child</h1>
  </div>
</template>

<script setup>
import { onBeforeMount, onMounted, onBeforeUnmount, onUnmounted } from 'vue'

onBeforeMount(() => {
  console.log('Child onBeforeMount')
})
onMounted(() => {
  console.log('Child onMounted')
})

// onBeforeUnmount(() => {
//   console.log('onBeforeUnmount --- 卸载前')
// })

// onUnmounted(() => {
//   console.log('onUnmounted --- 卸载后')
// })
</script>

<style lang="scss" scoped></style>
